﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:controlsPrimitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone.Controls" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="728"
	x:Class="ontheroad.trfCongestion"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="False">

	<phone:PhoneApplicationPage.Resources>
		<Style x:Key="cctvviewbut" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<StackPanel>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="{StaticResource PhoneAccentColor}" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="cctvthtxt" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<TextBlock x:Name="cctvthtxt" TextWrapping="Wrap" Text="{Binding cctvNameThai}" FontSize="34.667" LineStackingStrategy="BlockLineHeight" LineHeight="32"/>
							<TextBlock x:Name="cctventxt" TextWrapping="Wrap" Text="{Binding cctvName}" FontFamily="Segoe WP SemiLight" FontSize="18.667" FontWeight="Bold" Margin="0,-10,0,0">
								<TextBlock.Foreground>
									<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
								</TextBlock.Foreground>
							</TextBlock>
						</StackPanel>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontFamily" Value="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK"/>
			<Setter Property="FontWeight" Value="Bold"/>
			<Setter Property="FontSize" Value="48"/>
			<Setter Property="Foreground" Value="Black"/>
		</Style>
		<ControlTemplate x:Key="PhoneDisabledTextBoxTemplate" TargetType="TextBox">
			<ContentControl x:Name="ContentElement" BorderThickness="0" HorizontalContentAlignment="Stretch" Margin="{StaticResource PhoneTextBoxInnerMargin}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="Stretch"/>
		</ControlTemplate>
		<Style x:Key="TextBoxStyle1" TargetType="TextBox">
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Background" Value="{StaticResource PhoneTextBoxBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneTextBoxBrush}"/>
			<Setter Property="SelectionBackground" Value="{StaticResource PhoneAccentBrush}"/>
			<Setter Property="SelectionForeground" Value="{StaticResource PhoneTextBoxSelectionForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="Padding" Value="2"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="TextBox">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBorder">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledOrReadonlyBorder">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="ReadOnly">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBorder">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledOrReadonlyBorder">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="DisabledOrReadonlyBorder">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="DisabledOrReadonlyBorder">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="DisabledOrReadonlyContent">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxReadOnlyBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused">
										<Storyboard>
											<ColorAnimation Duration="0" To="{StaticResource PhoneAccentColor}" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="EnabledBorder" d:IsOptimized="True"/>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.BorderThickness)" Storyboard.TargetName="EnabledBorder">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Thickness>1</Thickness>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Unfocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="EnabledBorder" Background="#FFF3F3F3" BorderBrush="Black">
								<ContentControl x:Name="ContentElement" BorderThickness="0" HorizontalContentAlignment="Stretch" Margin="{StaticResource PhoneTextBoxInnerMargin}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="Stretch" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="29.333" FontWeight="Bold"/>
							</Border>
							<Border x:Name="DisabledOrReadonlyBorder" BorderBrush="{StaticResource PhoneDisabledBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="Transparent" Margin="{StaticResource PhoneTouchTargetOverhang}" Visibility="Collapsed">
								<TextBox x:Name="DisabledOrReadonlyContent" Background="Transparent" Foreground="{StaticResource PhoneDisabledBrush}" FontWeight="{TemplateBinding FontWeight}" FontStyle="{TemplateBinding FontStyle}" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" IsReadOnly="True" SelectionForeground="{TemplateBinding SelectionForeground}" SelectionBackground="{TemplateBinding SelectionBackground}" TextAlignment="{TemplateBinding TextAlignment}" TextWrapping="{TemplateBinding TextWrapping}" Text="{TemplateBinding Text}" Template="{StaticResource PhoneDisabledTextBoxTemplate}"/>
							</Border>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="PivotStyle1" TargetType="controls:Pivot">
			<Setter Property="Margin" Value="0"/>
			<Setter Property="Padding" Value="0"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="ItemsPanel">
				<Setter.Value>
					<ItemsPanelTemplate>
						<Grid/>
					</ItemsPanelTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="controls:Pivot">
						<Grid HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
							<Grid.RowDefinitions>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="*"/>
							</Grid.RowDefinitions>
							<Grid Background="{TemplateBinding Background}" CacheMode="BitmapCache" Grid.RowSpan="3"/>
							<ContentPresenter ContentTemplate="{TemplateBinding TitleTemplate}" Content="{TemplateBinding Title}" Margin="24,10,0,-7"/>
							<controlsPrimitives:PivotHeadersControl x:Name="HeadersListElement" Grid.Row="1"/>
							<ItemsPresenter x:Name="PivotItemPresenter" Margin="{TemplateBinding Padding}" Grid.Row="2"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<DataTemplate x:Key="DataTemplate1">
			<StackPanel x:Name="TitlePanel" Margin="0">
				<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
					<TextBlock TextWrapping="Wrap" Text="CONGESTION" VerticalAlignment="Center" FontFamily="Segoe WP Semibold" FontSize="21.333" Margin="0" HorizontalAlignment="Left" FontWeight="Bold">
						<TextBlock.Foreground>
							<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
						</TextBlock.Foreground>
					</TextBlock>
				</StackPanel>
			</StackPanel>
		</DataTemplate>
		<Style x:Key="delfavbut" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Width="48" Height="48">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image HorizontalAlignment="Center" Height="23" Margin="0" Source="icons/appbar.delete.smal.dark.png" Stretch="Fill" VerticalAlignment="Center" Width="18"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</phone:PhoneApplicationPage.Resources>
	<phone:PhoneApplicationPage.ApplicationBar>
		<shell:ApplicationBar BackgroundColor="{StaticResource PhoneAccentColor}" ForegroundColor="White">
			<shell:ApplicationBarIconButton x:Name="refreshBtn" IconUri="/icons/appbar.refresh.rest.png" Text="refresh" Click="refreshBtn_Click"/>
		</shell:ApplicationBar>
	</phone:PhoneApplicationPage.ApplicationBar>
	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
	<Grid x:Name="LayoutRoot" Background="White" Margin="0">
		<!--Pivot Control-->
		<controls:Pivot Title="MY APPLICATION" Foreground="Black" TitleTemplate="{StaticResource DataTemplate1}" Style="{StaticResource PivotStyle1}">
			<!--Pivot item one-->
			<controls:PivotItem Header="favorites" Margin="20,8,12,0">
				<Grid Margin="0,0,0,7">
					<ListBox x:Name="favListbox" BorderThickness="0" Margin="0">
						<ListBox.ItemTemplate>
							<DataTemplate>
								<StackPanel Margin="5,0,0,0" Width="443">
								<Grid HorizontalAlignment="Left" Width="443">
									<TextBlock x:Name="roadnameTxt" Text="{Binding road.roadName}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" Foreground="Black" FontSize="34.667" FontWeight="Bold" Margin="0,0,48,0" LineHeight="48"/>
									<Button x:Name="delfromfav" Tag="{Binding road.linkID}" Content="Button" HorizontalAlignment="Right" Style="{StaticResource delfavbut}" VerticalAlignment="Top" Click="delfromfav_Click" Margin="0"/>
								</Grid>
								<Grid VerticalAlignment="Top" Margin="0,-8,0,0">
									<Rectangle HorizontalAlignment="Left" Stroke="Black" StrokeThickness="0" Width="3" Margin="12,0,0,0">
										<Rectangle.Fill>
											<SolidColorBrush Color="#FF999999"/>
										</Rectangle.Fill>
									</Rectangle>
									<StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="24,0,0,0">
										<TextBlock Text="{Binding road.startNode}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Foreground="#FF999999"/>
										<TextBlock Text="ถึง" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" LineStackingStrategy="BlockLineHeight" LineHeight="32" Foreground="Black" d:LayoutOverrides="Height"/>
										<TextBlock Text="{Binding road.endNode}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Foreground="#FF999999"/></StackPanel>
									<StackPanel Orientation="Horizontal" Height="32" Margin="24,32,0,0" VerticalAlignment="Top">
										<TextBlock Text="สภาพจราจร" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Foreground="Black" Height="32" d:LayoutOverrides="HorizontalAlignment"/>
										<TextBlock x:Name="congestionTxt" Text="{Binding congestionType}" Foreground="{Binding statuscolor}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Height="32" d:LayoutOverrides="HorizontalAlignment, HorizontalMargin"/>
											
										</StackPanel>
									<StackPanel Orientation="Horizontal" Height="32" Margin="24,64,0,0" VerticalAlignment="Top">
										<TextBlock Text="30 นาทีถัดไป" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Foreground="Black" Height="32" d:LayoutOverrides="HorizontalAlignment"/>
                                            <TextBlock x:Name="nextCongestionTxt" Foreground="{Binding predictStatusColor}" Text="{Binding preCongestionType}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" LineStackingStrategy="BlockLineHeight" HorizontalAlignment="Left" LineHeight="32" Height="32" d:LayoutOverrides="HorizontalAlignment, HorizontalMargin"/>
										</StackPanel>
									<StackPanel Orientation="Horizontal" Margin="24,90,0,0" VerticalAlignment="Top">
										<TextBlock Text="{Binding timeCongestion}" FontFamily="Segoe WP SemiLight" FontSize="16" FontWeight="Bold" Margin="0" HorizontalAlignment="Left" Foreground="#FF999999" d:LayoutOverrides="HorizontalAlignment" VerticalAlignment="Top"/></StackPanel>
								</Grid>
								</StackPanel>
							</DataTemplate>
						</ListBox.ItemTemplate>
					</ListBox>
					<Canvas x:Name="noticeMsgFav" Margin="0,120,0,0" Height="185" VerticalAlignment="Top">
						<TextBlock TextWrapping="Wrap" Text="ไม่มีรายการโปรด" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="34.667" FontWeight="Bold" Canvas.Left="140" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="105"/>
						<TextBlock TextWrapping="Wrap" Text="there isn't a favorite road." FontFamily="Segoe WP SemiLight" FontSize="40" FontWeight="Bold" Canvas.Left="7" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="52">
							<TextBlock.Foreground>
								<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
							</TextBlock.Foreground>
						</TextBlock>
					</Canvas>
				</Grid>
			</controls:PivotItem>

 			<!--Pivot item two-->
			<controls:PivotItem Header="search" Margin="20,0,12,0">
				<Grid>
					<toolkit:AutoCompleteBox x:Name="searchroadtxtbox" VerticalAlignment="Top" Height="48" Margin="5,5,52,0" Background="#BF000000" BorderThickness="0" TextBoxStyle="{StaticResource TextBoxStyle1}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="29.333" FontWeight="Bold" KeyUp="searchroadtxtbox_KeyUp"/>
					<Button x:Name="searchroadbut" Content="Button" Height="48" Style="{StaticResource searchroadbut}" Width="48" HorizontalAlignment="Right" Margin="0,5,0,0" VerticalAlignment="Top" Click="searchroadbut_Click"/>
					<ListBox x:Name="congestionList" Margin="0,72,0,0" ScrollViewer.HorizontalScrollBarVisibility="Visible" VerticalContentAlignment="Top" Height="592" VerticalAlignment="Top">
						<ListBox.ItemTemplate>
							<DataTemplate>
								<StackPanel Margin="5,0,0,0" Width="443" VerticalAlignment="Top">
								<Grid Margin="0,0,0,-8">
									<TextBlock x:Name="roadnameTxt" Text="{Binding road.roadName}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" Foreground="Black" FontSize="34.667" FontWeight="Bold" Margin="0,0,48,0" LineHeight="48"/>
									<Button x:Name="addtofav" Tag="{Binding road.linkID}" Content="Button" HorizontalAlignment="Right" Style="{StaticResource addtomydirectionbut}" Width="48" VerticalAlignment="Top" Click="addtofav_Click"/>
								</Grid>
								<StackPanel Orientation="Horizontal" Margin="0">
									
									<Rectangle HorizontalAlignment="Left" Stroke="Black" StrokeThickness="0" Width="3" Margin="12,0,0,0" Fill="#FF999999"/>
									<StackPanel Orientation="Vertical" Width="428">
										<StackPanel Orientation="Horizontal" Margin="10,0,0,0">
										<TextBlock Text="{Binding road.startNode}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" HorizontalAlignment="Left" LineHeight="32" Foreground="#FF999999" LineStackingStrategy="BlockLineHeight"/>
										<TextBlock Text="ถึง" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" LineHeight="32" Foreground="Black" d:LayoutOverrides="Height" LineStackingStrategy="BlockLineHeight"/>
										<TextBlock Text="{Binding road.endNode}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" HorizontalAlignment="Left" LineHeight="32" Foreground="#FF999999" LineStackingStrategy="BlockLineHeight"/></StackPanel>
									<StackPanel Orientation="Horizontal" Margin="10,0,0,0">
										<TextBlock Text="สภาพจราจร" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" HorizontalAlignment="Left" LineHeight="32" Foreground="Black" d:LayoutOverrides="HorizontalAlignment" LineStackingStrategy="BlockLineHeight"/>
										<TextBlock x:Name="congestionTxt" Text="{Binding congestionType}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" HorizontalAlignment="Left" LineHeight="32" d:LayoutOverrides="HorizontalAlignment, HorizontalMargin" Foreground="{Binding statuscolor}" LineStackingStrategy="BlockLineHeight"/></StackPanel>
									<StackPanel Orientation="Horizontal" Margin="10,0,0,0">
										<TextBlock Text="30 นาทีถัดไป" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="0" HorizontalAlignment="Left" LineHeight="32" Foreground="Black" d:LayoutOverrides="HorizontalAlignment" LineStackingStrategy="BlockLineHeight"/>
                                                <TextBlock x:Name="nextCongestionTxt" Text="{Binding preCongestionType}" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="32" FontWeight="Bold" Margin="10,0,0,0" HorizontalAlignment="Left" LineHeight="32" d:LayoutOverrides="HorizontalAlignment, HorizontalMargin" Foreground="{Binding predictStatusColor}" LineStackingStrategy="BlockLineHeight"/></StackPanel>
									<StackPanel Orientation="Horizontal" Margin="10,0,0,0" VerticalAlignment="Bottom">
										<TextBlock Text="{Binding timeCongestion}" FontFamily="Segoe WP SemiLight" FontSize="16" FontWeight="Bold" Margin="0" Foreground="#FF999999" VerticalAlignment="Bottom" HorizontalAlignment="Left"/></StackPanel>
									</StackPanel>
									
								</StackPanel>
								</StackPanel>
							</DataTemplate>
						</ListBox.ItemTemplate>
								
							
					</ListBox>
					<Canvas x:Name="noticeMsgSearch" Margin="0,120,0,0" Height="185" VerticalAlignment="Top">
						<TextBlock TextWrapping="Wrap" Text="ระบุถนนที่ต้องการตรวจสอบสภาพจราจร" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="34.667" FontWeight="Bold" Canvas.Left="24" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="105"/>
						<TextBlock TextWrapping="Wrap" Text="search a road." FontFamily="Segoe WP SemiLight" FontSize="40" FontWeight="Bold" Canvas.Left="105" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="52">
							<TextBlock.Foreground>
								<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
							</TextBlock.Foreground>
						</TextBlock>
					</Canvas>
					<Canvas x:Name="noticeMsgNotFound" Margin="0,120,0,0" Height="185" VerticalAlignment="Top" d:IsHidden="True" Visibility="Collapsed">
						<TextBlock TextWrapping="Wrap" Text="ไม่พบถนนที่คุณค้นหา" FontFamily="/ontheroad;component/Fonts/Fonts.zip#TH SarabunPSK" FontSize="34.667" FontWeight="Bold" Canvas.Left="124" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="105"/>
						<TextBlock TextWrapping="Wrap" Text="not found." FontFamily="Segoe WP SemiLight" FontSize="40" FontWeight="Bold" Canvas.Left="138" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Top="52">
							<TextBlock.Foreground>
								<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
							</TextBlock.Foreground>
						</TextBlock>
					</Canvas>
				</Grid>
			</controls:PivotItem>
		</controls:Pivot>
		<Grid x:Name="waitScr" Background="#CC000000">
			<ProgressBar Height="30" VerticalAlignment="Center" IsIndeterminate="True" Margin="0"/>
		</Grid>
	</Grid>
</phone:PhoneApplicationPage>